import React from 'react';
import { useHistory } from 'react-router-dom';

import './other.less';

const icon = [
  {title:'待办',path:'/other/event',name:'icondaiban',color:'#4d86fa'},
  {title:'卡券',path:'/other/coupon',name:'iconicon',color:'#2bd65f'},
  {title:'快速沟通',path:'/other/event',name:'iconxiaoxi2',color:'#ff6611'},
  {title:'储值充卡',path:'/other/event',name:'iconqiandai',color:'#fa4b92'},
  {title:'视频面诊',path:'/other/event',name:'iconshipin1',color:'#3b7ffd'},
  {title:'开单',path:'/other/openOrder',name:'icondingdan',color:'#f83f3a'},
  {title:'敬请期待',path:'/other/event',name:'icongengduo',color:'#959595'},
]

function Other() {
  let history = useHistory();

  return (
    <div className='v-other g-p10'>
      {icon.map(i=>(
        <div className='h-item g-mb10 g-bdrs12 g-ta-c g-bg-f g-l g-mr10'
             onClick={()=>history.push(i.path)}>
          <i className={'iconfont '+i.name} style={{color:i.color}}></i>
          <p className='h-mt5 g-f12'>{i.title}</p>
        </div>
      ))}
    </div>
  )
}

export default Other;